<template>
    <div>
        <div class="nav">
            <van-icon name="arrow-left"  color="white"/>
            <van-search v-model="value" placeholder="输入商品ID或游戏名" background="#CF1322"/>
        </div>
        <div>
            
        </div>
    </div>
</template>

<script setup>
import { ref } from 'vue';

const value = ref('');
</script>

<style scoped>
/* 头部 */
.nav {
    width: 100%;
    height: 8vh;
    background-color: #CF1322;
    display: flex;
}
.van-search{
    padding: 0;
    width: 75vw;
}
.van-icon{
    margin-top: 2vh;
    margin-left: 5vw;
    margin-right: 5vw;
}
</style>